.categories-area {
  margin-top: 24px;
  padding-left: 12px;
  .categories-list {
    padding: 0px;
    li {
      list-style-type: none;
      width: 120%;
      position: relative;
    }
    a:not(.nav-link) {
      cursor: pointer;
      display: inline-block;
      padding: 5px 0px;
      width: 80%;
      line-height: 24px;
      transition: color 1s;
      transition: background-color 2s;

      &:hover {
        color: #1890ff;
      }
      &.active {
        color: #1890ff;
        background-color: #e6f7ff;
      }
    }
    .article.add {
      cursor: pointer;
      color: #595959;
      position: absolute;
      top: 10px;
      opacity: 0;
      transition: opacity 2s;
      transition: color 2s;
    }
    li:hover .article.add {
      opacity: 1;
      color: #1890ff;
    }
  }
}
